<template>
    <div class="menu-ground">
        <menuChat 
            :menuData="layouts.getActiveSysBar && layouts.getActiveSysBar.menuData ? layouts.getActiveSysBar.menuData : []"
            v-show="layouts.getActiveSysBar && layouts.getActiveSysBar.bar.type==='menu-chat'">
        </menuChat>
    </div>  
</template>

<script setup>
import menuChat from './menuTypes/menuChatType.vue'
import { useLayoutStore } from '@frontend/stores/pinia/layoutStore'

const layouts = useLayoutStore()
</script>  

<style lang="scss">
.menu-ground{
    color:$ft-color;
    background-color: $menu-back-color;
    // padding:10px;
    min-width:200px; 
    height:100%;
}
</style>